﻿<!DOCTYPE html>

<html>

<head>
  <meta charset="utf-16">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Schema Generater 1.0</title>

  <link href="./css/bootstrap.min.css" rel="stylesheet" />
  <link href="./css/bootstrap-treeview.css" rel="stylesheet" />
  <link rel="stylesheet" href="./fonts/font-awesome-4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="./js/bootstrap-toastr/toastr.min.css" type="text/css">
  <link rel="stylesheet" href="./css/custom-css/Custom-style.css" type="text/css">
  <link rel="stylesheet" href="./css/page-css/udx-schema.css" type="text/css">
</head>


<body>
  <div class="container-fluid">
    <h1>Generate Schema</h1>
    <div class="row">

      <div id="tree" class="col col-md-3">

      </div>


      <div class="col col-md-8">
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon1">Name</span>
          <input id="node_name" type="text" class="form-control" placeholder="Node Name" aria-describedby="basic-addon1">
        </div>
        <br/>
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon2">Node Type</span>
          <input id="node_type" type="text" disabled="true" class="form-control" placeholder="Node Type" aria-describedby="basic-addon2">
        </div>
        <br/>
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon3">Description</span>
          <input id="node_description" type="text" class="form-control" placeholder="Node Description" aria-describedby="basic-addon3">
        </div>
        <br/>
<!-- 
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon4">Concepts</span>
          <input id="node_concepts" type="text" class="form-control" placeholder="Node Concepts" aria-describedby="basic-addon4">
        </div>
        <br/>
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon5">SpatialRefs</span>
          <input id="node_spatialRefs" type="text" class="form-control" placeholder="Node SpatialRefs" aria-describedby="basic-addon5">
        </div>
        <br/>
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon6">Units</span>
          <input id="node_units" type="text" class="form-control" placeholder="Node Units" aria-describedby="basic-addon6">
        </div>
        <br/>
        <div class="input-group">
          <span class="input-group-addon" id="basic-addon7">DataTemplates</span>
          <input id="node_dataTemplates" type="text" class="form-control" placeholder="Node DataTemplates" aria-describedby="basic-addon7">
        </div>
        <br/> -->

        <span id="load-schema" class="custom-btn custom-btn-blue">Load schema</span>
        <span id="save-change" class="custom-btn custom-btn-red">Save Change</span>
        <span id="show-view" class="custom-btn custom-btn-yellow " data-toggle="modal" data-target="#view_modal">Show Schema</span>
        <span id="save-file" class="custom-btn custom-btn-green">Save To File</span>

      </div>

    </div>


    <ul id="contextMenu" class="dropdown-menu">
      <!-- <li>
      <a id="add-sib" href="javascript:void(0);">Add Sibling Node</a>
    </li> -->
      <li>
        <a id="add-sub" href="javascript:void(0);" data-toggle="modal" data-target="#add_node_modal">Add Sub Node</a>
      </li>
      <li>
        <a id="delete" href="javascript:void(0);">Delete</a>
      </li>
    </ul>

    <!--begin Add_Node Modal -->
    <div class="modal fade" id="add_node_modal" tabindex="-1" role="dialog" aria-labelledby="add_node_modalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="add_node_modalLabel">UDX To Format File</h4>
          </div>
          <div class="modal-body">

            <div class="input-group">
              <span class="input-group-addon" id="basic-addon1">Name</span>
              <input id="add_node_name" type="text" tabIndex="1" class="form-control" placeholder="Node Name" aria-describedby="basic-addon1">
            </div>
            <br/>
            <div class="input-group">
              <span class="input-group-addon" id="basic-addon2">Node Type</span>
              <select id="add_ndoe_type" tabIndex="2" class="form-control">
              <option>EDTKT_NODE</option>
              <option>EDTKT_INT</option>
              <option>EDTKT_REAL</option>
              <option>EDTKT_STRING</option>
              <option>EDTKT_VECTOR2</option>
              <option>EDTKT_VECTOR3</option>
              <option>EDTKT_VECTOR4</option>            
              <option>EDTKT_INT_LIST</option>
              <option>EDTKT_REAL_LIST</option>
              <option>EDTKT_STRING_LIST</option>
              <option>EDTKT_VECTOR2_LIST</option>
              <option>EDTKT_VECTOR3_LIST</option>
              <option>EDTKT_VECTOR4_LIST</option>
              <option>EDTKT_LIST</option>
              <option>EDTKT_MAP</option>
              <option>EDTKT_TABLE</option>
	        	</select>
            </div>
            <br/>
            <div class="input-group">
              <span class="input-group-addon" id="basic-addon3">Description</span>
              <input id="add_node_description" type="text" tabIndex="3" class="form-control" placeholder="Node Description" aria-describedby="basic-addon3">
            </div>
            <br/>
          </div>
          <div class="modal-footer">
            <span class="custom-btn custom-btn-default" tabIndex="-1" data-dismiss="modal">Close</span>
            <span id="add_node" class="custom-btn custom-btn-green" tabIndex="4" data-dismiss="modal">Add</span>
          </div>
        </div>
      </div>
    </div>
    <!--end Add_Node Modal-->

    <!--begin show-view Modal -->
    <div class="modal fade" id="view_modal" tabindex="-1" role="dialog" aria-labelledby="view_modalLabel">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" tabindex="-1" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="view_modalLabel">UDX Schema</h4>
          </div>
          <div class="modal-body">
            <div>
              <pre id="view-xml">
               xml
            </pre>
            </div>
          </div>
          <div class="modal-footer">
            <span class="custom-btn custom-btn-default" data-dismiss="modal">Close</span>
          </div>
        </div>
      </div>
    </div>
    <!--end show-view Modal-->

    <script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="./js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./js/bootstrap-treeview.js"></script>
    <script type="text/javascript" src="./js/bootstrap-toastr/toastr.js"></script>


    <script type="text/javascript" src="./js/custom-js/contextMenu.js"></script>
    <script type="text/javascript" src="./js/custom-js/JsHandle.js"></script>
    <script type="text/javascript" src="./js/UDX.js"></script>
    <script type="text/javascript" src="./js/custom-js/GSchema.js"></script>
    <script type="text/javascript" src="./js/page-js/udx-schema.js"></script>



</body>

</html>